module.exports = {
  devtool: 'eval-source-map', //生成Suorce Maps,使调试更加容易,eval-source-map适合小中型项目
  entry: __dirname + '/app/main.js', //唯一入口文件
  output: {
    path: __dirname + '/public', //打包后文件存放的地方
    filename: 'bundle.js' //打包后输出文件的文件名
  },

  devServer: {
    contentBase: './public', //本地服务器所加载的页面所在的目录
    historyApiFallback: true, //不跳转
    inline: true //实时刷新
  },

  module: {
    rules: [{
        test: /(\.jsx|\.js)$/,
        use: {
          loader: 'babel-loader'
        },
        exclude: /node_modules/
      },
      {
        test: /\.scss$/,
        use: [{
            loader: 'style-loader'
          },
          {
            loader: 'css-loader',
            options: {
              modules: true,  //指定启用css modules
              //localIdentName: '[name]__[local]--[hash:base64:5]'  //指定css的类名格式
            }
          },{
            loader: 'sass-loader'
          },
          {
            loader:'postcss-loader'

          }
        ]
      }
    ]
  }
}

// __dirname 是node.js中的全局变量，它指向当前执行脚本所在的目录
